<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" name="摸鱼必备" content="帮我看一下仓鼠">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摸鱼必备</title>
</head>
<style>
    .box {
        width: 100%;
        height: 98vh;
        display: flex;
        flex-direction: column;

        justify-content: space-around;
        align-items: center;

    }

    .box .base {
        width: 80%;
        height: 100%;
    }

    .box .base .user {
        width: 100%;
        height: 10%;
        display: flex;
        align-items: center;

    }

    .box .pc {
        font-size: 12px;
        color: gray;
        margin-bottom: 10px;
    }

    .box .base .tip {
        width: 100%;
        height: 5%;
        margin-bottom: 20px;
        display: flex;
        font-size: 15px;
        justify-content: center;
        flex-direction: column;
        border-bottom: 3px #efefef solid;
    }

    .box .base .user span {
        margin-left: 10px;
        font-size: 20px;
    }

    .box .base .user img {
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }

    .box .base iframe {
        width: 100%;
        height: 75%;
    }
</style>

<body>
    <!-- https://www.abowman.com/ -->
    <div class="box">
        <div class="base">
            <div class="user">
                <img src="./img/user.jpg" alt="">
                <span>爱吃烤鸡翅的酸菜鱼</span>
            </div>
            <div class="tip">
                <span>帮我看一下仓鼠，蟹蟹！</span>
            </div>
            <div class="pc">记得用pc端打开哦！</div>
         <iframe width="500" height="300" frameborder="0" src="https://hammyhome.com?hh=('names!%255B'apOc5_c9OchOch_c7OhcOp2Oh4Op2OhcOswOp2Op1%2540wb2%2540r2Op1Or1Oc8Ot4_c7Obr%253D_t3OhcOw2bOhcOhcOb1OchOchOchOchOb2Ot3Oc4_c8_h2Ot6Ot6Oh4Ow2aOwb1Oh3Ow2cOt4Oc2OswOt2_r1_t4_c2Ot6Oc4%253DOr2Ot4_r1Op1_wb1Owb2Oh4Osw%253D_t3Ot3Ot2_t5_t5%2540hOhOhOhOhOhOhOhOhOh%253D'%255D~props!%255B('bp!'noneObc!'%2523C0C0C0Ox!-8.49M2.89~z!-1Q%25208M0THPD3A7%252FRK-4M0LZj*G-8TiTHPCCCC%252FRRK-8T2i.3v-8.09i.29v-6iL-ZP8282**G3TiTHCC%25254.25M0.25Y-9%253Fi.42SPPQG-7%253FM2Y3.25i.42%25248TM1THjG7M2%253B7M1LN8M2L-N9.15M2.8Sd9998018723799844U8M3LN2iL-0.79H8E4714%253A-9iL-N-10M-0%253B-9M0LN-8TM4THF0%2525-11TM4T%252BE5A7P**G4M5LZj*V-2TM5THCCCCPObh!0%2520-2M5T5HPPPG-6M5SDA82P**G-6M6%252BE5A7PqV-2M5Sj*V-5iSQPQ**G-1.25M7.25Y-9.25M0T4SQPQG1.75M4.25Y-2M0.25Y-3.75M5T5SC1B575JA39347Onf!0U7.96M0.76v7.75M1.67v3.42i.25v-10.35M4.74v-9.75i.38SC1B575JQPQOnf!0U3M5L-ZCCCCP**V4M5THE4DEC2%252FRK6M5LZPA7A7*V0TM1THF0%2525-6M1L-Zk**G-9.75M4T8SAF5719JQC7QG-5M0SPPPq*G-5M1L3.14HPPP*q*G-3TM5TSPC082G4.25M5T8SQQPG2.85M7Sg9595654602776U-7.25M4T8SQPQG0TM1T8SkG-11TM2TL-ZPA7A7*G-4TM1THP8282%252FK-4TM1T8%25245M5LZPPPq%252C**G1M0LZE5A7P*q*G5iL0.79H716532%253A3M1Sk*q*G7TM-0TSQPQqV-5M6LZj*G4TM1THCF681D%252FK3M3L-ZPPPq*G-2iTHE4DEC2Obh!0%25200M0%252BQPQ**G0iSQPQ*G-3iL-N7TM4TLZQPQ*G6iLZP3838*G4M2LN5M2%253B6M3L-Z8E4714*G3.85M3.8Sg961118498611U-5.15M3.4Sd794163104349733U-1.75iTSPPQG-8TM4T8%25240M6Sj**G0M7%252BjqV1M7LZPCCCC*V2M7LZF9E2D2*G2M6L-ZEFECDCqV-2M3LZP8282**G-2M2SE5A7P*q*G-2M1Sk*G-2M4Sk*V3M2Sk*G2M2LN-1M2L-N4M5THXIW3M1THXIW0M-0.9HXIW-2M7THXI%253CI%253CIW10M8.1HXIW0M10HXI%253CIW0M-0.9HX%2526bh%252C%2522ch%252Cfu%252Cbe%252Cru%252CmbG-3M2SPPA7**G-3M3L3.14HF0B991*')%255D)*JPPQG'%2520H~c!'%2523I%2526%2522J%252C%2523KRR0Obc!'%2523PFBAFGL~rz!M~y!N0.79Hk%253AO'~PFFQ00R0%252C0%252CSL0HT.5U~nh!10%2520V%252C%252C*GWch%252CbeGXEC76QYSPQQ*JQPQJQQPGZ1T7H_Ot5OdBFBFBFJ7F7PFJADADADJ7F7PF%253EgBFBFBFJQPQJADADADJQPQ%253E999iM-1jA7A7PkE1DABBq*%252CvSP9933G%2520)%252C('x!%2522c1%252Cc2%252Ccf%252Csn%252C%2524HPPQJ3838PG%2525CCP%252FRRK%2526PJQQQPJXPJXPOo!'%252BL-3.14H%252FObh!'%253AJC2B475G%253BTH82P82G%253CW0M-0THX%253DOt3Ot3%253EJP7FQOwl!0.3%253FTM0THjG-7.25%2540Or1Or2O%2501%2540%253F%253E%253D%253C%253B%253A%252F%252B%2526%2525%2524%2522%2520vqkjigd_ZYXWVUTSRQPONMLKJIHG*_"></iframe>
        </div>

    </div>
    <script>

    </script>
</body>

</html>